<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!--
            form: 表单的作用：负责采集数据，并将采集到数据提交到服务器
            action: 数据提交的地址（一般值服务器文件，比如 .java, .php, .py 等文件）
        -->
        <form action="" method="get">

            <!--
                input: type=text 文本输入框
                placeholder: 占位符
                disabled: 禁用状态
            -->
            用户名：<input type="text" name="username" placeholder="请输入用户名" disabled><br>
            <!--
                type=password 密文输入框

             -->
            密码：<input type="password" name="password">

            <!-- 文本域 -->
            <textarea name="" id="" cols="30" rows="20"></textarea>

            <!--

                单选按钮 type=radio
                checked: 默认选中

            -->
            <br>
            你喜欢的性别：
            <input type="radio" name="gender" value="male"> 男
            <input type="radio" name="gender" value="female" checked> 女
            <br>

            <!--
                label: 可以通过for属性绑定其他元素的id
            -->
            请选择您喜欢的国家：
            <input type="radio" name="nation" value="china" id="china"> <label for="china">中国</label>
            <input type="radio" name="nation" value="japan" id="japan"> <label for="japan">日本</label>

            <!--
                多选框
            -->
            <br>
            请选择您喜欢的水果：
            <input type="checkbox" value="banana" name="fruits[]">香蕉
            <input type="checkbox" value="apple" name="fruits[]">苹果
            <input type="checkbox" value="orange" name="fruits[]">橘子

            <br>
            <!--
                下拉框
            -->
            <select name="love" id="">
                <option value="mr">马蓉</option>
                <option value="pjl">王宝强</option>
            </select>

            <!--
                文件选择按钮
            -->
            <input type="file">

            <!--
                重置按钮
            -->
            <input type="reset" value="重置">



            <!--<input type="submit" value="提交按钮">-->
            <!--
                   图片按钮
            -->
            <input type="image" src="b78aba73d0f8a0960f6fe03ecd464fa1.jpeg">


        </form>


    </body>
</html>